<template>
  <div>
    <div class="pay-ok-box">
      <div class="tc">
        <van-icon class="mt-30" name="certificate"/>
        <p>购买成功</p>
        <p>你使用微信完成了本次交易</p>
      </div>
      <van-cell-group class="mt-30">
        <van-cell title="商品" value="Hisense/海信 LED55EC620UA 55寸...." />
        <van-cell title="交易单号" value="asfafafssaff" />
        <van-cell title="交易时间" value="2015-11-11　　09:10:30" />
        <van-cell title="订单金额" value="8888" />
      </van-cell-group>
      <van-row class="mt-30">
        <van-col span="12">
          <router-link to="/">
          <van-button bottomAction>返回首页</van-button>
          </router-link>
        </van-col>
        <van-col span="12">
          <router-link to="/orderList">
          <van-button type="primary" bottomAction>我的订单</van-button>
          </router-link>
        </van-col>
      </van-row>
     </div>
  </div>
</template>

<script>
import {Cell, CellGroup,Icon,Button,Row, Col,} from 'vant';

export default {
  components: {
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [Row.name]: Row,
    [Col.name]: Col,
    [CellGroup.name]: CellGroup,
    [Button.name]: Button,
  },
  methods:{
    onSubmit(){},
    onEdit(){
      this.$router.push({path:'/addressEdit',query:{id:this.chosenAddressId}})
    },
  },
  data(){
    return{
      text:'',
      currentContact:{
        'name':'',
        'tel':''
      },
      showList:false,
      list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
        },
        {
          id: '2',
          name: '李四',
          tel: '1310000000',
          address: '浙江省杭州市拱墅区莫干山路 50 号'
        }
      ]
    }
  }
};
</script>

<style lang="less">
</style>
